﻿        <%@ Page Title="" Language="C#" MasterPageFile="~/PaginasMaster.Master" AutoEventWireup="true" CodeBehind="Rendicion_ABM.aspx.cs" Inherits="HerGoS.WebUI.Viaticos.Rendiciones.Rendicion_ABM" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script src="../../Scripts/globalize.js" type="text/javascript"></script>
    <script src="../../Scripts/globalize.culture.de-DE.js" type="text/javascript"></script>
<script type ="text/javascript">

    $(function () {

        $("#ac").accordion("option", "active", 0);
        Globalize.culture('de-DE');


    });

   function Editar() {
        $("#dialog-tramo").dialog({
            resizable: false,
            height: 460,
            width: 460,
            modal: false,
            open: function (event, ui) {
                $(this).parent().appendTo("form");
            }
        });
        return false;
    }





    function Habilitarkm(idtransporte) {
        var params = new Object();
        params.idtransporte = idtransporte;
        params = JSON.stringify(params);
        $.ajax({
            type: "POST",
            url: "Solicitud_ABM.aspx/HabilitarKmRecorridos",
            data: params,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: true,
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(textStatus + ": " + XMLHttpRequest.responseText);
            }
        }).done(function (result) {

            if (result.d) {
                $('#<%=txtKmRecorridos.ClientID%>').prop("disabled", false).css("background-color", "");
                $('#<%=txtKmRecorridos.ClientID%>').focus();
                $('#<%=txtKmRecorridos.ClientID%>').attr("Required", true);

            }
            else {

                $('#<%=txtKmRecorridos.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");
                $('#<%=txtKmRecorridos.ClientID%>').val("");
                $('#<%=txtKmRecorridos.ClientID%>').attr("Required", false);
            }

        });

    }


    function LimpiarTramos() {
        $("#<%=cbTransporte.ClientID %>").val(0);
        $("#<%=cboPorcViatico.ClientID %>").val(0);
        $("#<%=cboCiudad.ClientID %>").val(0);
        $("#<%=cboCiudadDestino.ClientID %>").val(0);
        $("#<%=txtFechaOrigen.ClientID %>").val("");
        $("#<%=txtHora.ClientID %>").val("");
        $("#<%=txtNroServicioOrigen.ClientID %>").val("");
        $("#<%=txtCodigoOrigen.ClientID %>").val("");
        $("#<%=txtObservacionOrigen.ClientID %>").val("");
        $("#<%=txtFechaDestino.ClientID %>").val("");
        $("#<%=txtHoraDestino.ClientID %>").val("");
        $("#<%=txtObservacionesDestino.ClientID %>").val("");
        $("#<%=hidIdTramo.ClientID %>").val(0);
        $('#<%=txtKmRecorridos.ClientID%>').val("0");
        
    }
    
    function CerrarPopup() {

        $('#modificar_div').dialog('close');
        $('#modificar_div').remove();


    }


    function DialogTramos() {
        $("#dialog-tramo").dialog({
            resizable: false,
            height: 460,
            width: 460,
            modal: false,
            open: function (event, ui) {
                $(this).parent().appendTo("form");
            }
        });
        return false;
    }

 </script>
         <div class="formRegistro ui-widget">	
           <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
           <ContentTemplate>
        
         <div class="filaCampo">
			<div class="etiqueta"> 
                <asp:Label ID="lblSolicitud" runat="server" Text="Seleccione una Solicitud para Buscar:"></asp:Label>: </div>
			<div class="campo">
                <wce:DropDownListExt ID="cboSolicitudes" runat="server" 
                    onselectedindexchanged="cboSolicitudes_SelectedIndexChanged" AutoPostBack = "True">                 
                </wce:DropDownListExt>
              </div>
		</div>
   
        <hr runat="server" id="hrsolicitud" />
        <div class="filaCampo">
        	<div class="etiqueta">Numero Rendicion:</div>
			<div class="campo"> <wce:TextBoxExt  ID="txtNumeroRendicion" runat="server" ReadOnly="true" BackColor="Silver"></wce:TextBoxExt></div>
		</div>
        <br />
		<div class="filaCampo">
        	<div class="etiqueta">Numero Solicitud:</div>
			<div class="campo"> <wce:TextBoxExt  ID="txtNumero" runat="server" ReadOnly="true" BackColor="Silver"></wce:TextBoxExt></div>
		</div>
             
        </br>
	    <div class="filaCampo">
			<div class="etiqueta">DNI : </div>
			<div class="campo"> <wce:TextBoxExt  ID="txtDNI" runat="server" MaxLength="8" ReadOnly="true" BackColor="Silver" ></wce:TextBoxExt></div>
		</div>
         </br>
        <div class="filaCampo">
			<div class="etiqueta">Nombre y Apellido : </div>
			<div class="campo"> 
                <wce:TextBoxExt  ID="txtApyNombre" runat="server" 
                    Width="305px" BackColor="Silver"  ReadOnly="true"></wce:TextBoxExt></div>
		</div>
         </br>
          <div class="filaCampo">
			<div class="etiqueta">CUIT/CUIL : </div>
			<div class="campo"> <wce:TextBoxExt  ID="txtCuit" runat="server" Required="True" Type="CuitCuil" MaxLength="11" ReadOnly= "true" BackColor="Silver" ToolTip="Cuit sin puntos ni guiones. Ej.: 20254964803"></wce:TextBoxExt></div>
		</div>
        </br>
                <div class="filaCampo">
			<div class="etiqueta">Fecha Nac.: </div>
			<div class="campo">
                <wce:TextBoxExt CssClass="fecha" ID="txtFechaNac" runat="server" BackColor="Silver"  Type="Date" Required="false" ReadOnly="true"></wce:TextBoxExt>
              </div>
        </div>
          
            </br>
        <div class="filaCampo">
			<div class="etiqueta">Entidad : </div>
			<div class="campo">
                <wce:DropDownListExt ID="cboEntidad" runat="server"  BackColor="Silver" ReadOnly= "true">
                </wce:DropDownListExt>
              </div>
		</div>
               <br>
        <div class="filaCampo">
			<div class="etiqueta">Area   : </div>
			<div class="campo">
                <wce:DropDownListExt ID="cboArea" runat="server" BackColor="Silver" ReadOnly= "true" >
                </wce:DropDownListExt>
              </div>
		</div>
         </br>
        <div class="filaCampo">
			<div class="etiqueta">Fecha Salida.: </div>
			<div class="campo">
                <wce:TextBoxExt CssClass="fecha" ID="txtFechaSalida" runat="server"  Type="Date" Required="true"></wce:TextBoxExt>
              </div>
        </div>
        </br>
        <div class="filaCampo">
			<div class="etiqueta">Fecha Retorno: </div>
			<div class="campo">
                <wce:TextBoxExt CssClass="fecha" ID="txtFechaRetorno" runat="server"  Type="Date" Required="true"></wce:TextBoxExt>
              </div>
        </div>
       </br>
          <div class="filaCampo">
			<div class="etiqueta">Distancia   : </div>
			<div class="campo"> 
                   <wce:DropDownListExt ID="cboDistancia" runat="server" >
                    </wce:DropDownListExt>
               </div>
            </div>
               <br>
            </ContentTemplate>
    </asp:UpdatePanel>   
         <div id = "ac" class="accordion">
          <h3>Tramos </h3>  
         <div id ="tramos">
           <wce:ButtonExt ID="btn_DialogTramos" runat="server" Text="Agregar Tramo" 
            OnClientClick="LimpiarTramos(); return DialogTramos();"/>


        <asp:UpdatePanel runat="server" ID="UpdatePanelTramos" UpdateMode="Conditional">
           <ContentTemplate>
          <wce:GridViewExt ID="GridTramos" runat="server" AutoGenerateColumns="false"
          DataKeyNames="OID" OnRowCommand="GridTramos_RowCommand"
          OnRowDataBound="GridTramos_RowDataBound">
          <Columns>
            <asp:BoundField DataField="Transporte" HeaderText="Transporte" ItemStyle-Width="80px" />
            <asp:BoundField DataField="CiudadOrigen" HeaderText="Origen" ItemStyle-Width="140px" />
             <asp:BoundField DataField="FechaOrigen" HeaderText="Fecha Origen" ItemStyle-Width="80px"/>
             <asp:BoundField DataField="CiudadDestino" HeaderText="Destino" ItemStyle-Width="80px"/>
             <asp:BoundField DataField="FechaDestino" HeaderText="Fecha Destino" ItemStyle-Width="80px"/>
              <asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="40px">
               <ItemTemplate>
                    <wce:ImageButtonExt ID="btnEditar" runat="server"
                     CommandName="Editar" CommandArgument="<%# ((GridViewRow)Container).RowIndex %>"></wce:ImageButtonExt>
               </ItemTemplate>
                <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </asp:TemplateField>  
            
             <asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="40px">
                    <ItemTemplate>
                      <wce:ImageButtonExt ID="btnBorrar" runat="server" 
                       CommandName="Borrar" CommandArgument="<%# ((GridViewRow)Container).RowIndex %>">
                      </wce:ImageButtonExt>
                   </ItemTemplate>
                  <ItemStyle HorizontalAlign="Center" />
                </asp:TemplateField>
         </Columns>
            
        </wce:GridViewExt>
        </ContentTemplate>
           <Triggers>
              <asp:AsyncPostBackTrigger ControlID="btn_AgregarTramo" EventName="Click" />
          </Triggers>
       

        </asp:UpdatePanel>
   </div>
            
        </div>
        <hr />
        <br />
           <asp:UpdatePanel runat="server" ID="UpdateObservacion" UpdateMode="Conditional">
           <ContentTemplate>
         <div class="filaCampo">
	      <div class="etiqueta">Observaciones : </div>
			  <div class="campo">
               <wce:TextBoxExt  ID="txtObservacion" runat="server" Height="75px" TextMode="MultiLine" Width="80%"></wce:TextBoxExt>
               </div>
		    </div>
            </ContentTemplate>
            </asp:UpdatePanel>
            <br />
                <br />
                <br/>
                <br/>
                  <br />
                        <br />
                        <br />
        <div class="filaCampo">
	      <div class="etiqueta">Objetivo Viaje : </div>
			  <div class="campo">
               <wce:TextBoxExt  ID="txtObjetivo" runat="server" Height="100px" TextMode="MultiLine" Width="90%"></wce:TextBoxExt>
               </div>
		    </div><br />
                <br />
                    <br />
                        <br />
                        <br />
                        <br />
                        <br />
                <br>
         <div class="filaCampo">
         <wce:ButtonExt ID="btnGuardar" runat="server"  Text="Guardar"  onclick="btnGuardar_Click" OnClientClick="return validarForm();" />
         <wce:ButtonExt ID="btnCerrar" runat="server"  Text="Cerrar" OnClientClick="parent.CerrarPopup(); return false;"  />
         <wce:ButtonExt ID="btnLiquidacion" runat="server"  Text="Generar Liquidacion" 
                 onclick="btnLiquidacion_Click"  />
         </div>
       </div>
 
        <div id="dialog-tramo" title="Tramos" style="display: none;">
         <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional">
         <ContentTemplate>
             <asp:HiddenField ID="hidIdTramo" runat="server" />
                <div class="filaCampo">
			        <div class="etiqueta">Transporte</div>
                    <div class="campo">
                        <wce:DropDownListExt ID="cbTransporte" runat="server" Required="true">
                        </wce:DropDownListExt>
                    </div>
		        </div><br />
                 <div class="filaCampo">
			            <div class="etiqueta">kms Recorridos : </div>
			            <div class="campo"> <wce:TextBoxExt  ID="txtKmRecorridos" runat="server" Required="false" Type="Numeric"  ></wce:TextBoxExt></div>
		           </div><br />

                 <div class="filaCampo">
			        <div class="etiqueta">Porcentaje Viatico : </div>
			        <div class="campo">  
                    <wce:DropDownListExt ID="cboPorcViatico" runat="server" >
                      </wce:DropDownListExt>
                    </div>
		        </div> <br />
                <hr />
                <br>
              <div id ="divOrigenDestino" class="accordion">
                 <h3>Origen </h3>  
                 <div>
                    <div class="filaCampo">
			          <div class="etiqueta">Ciudad : </div>
			           <div class="campo">  <wce:DropDownListExt ID="cboCiudad" runat="server" Required="true" >   </wce:DropDownListExt> </div>
                    </div><br />
                    <div class="filaCampo">
			            <div class="etiqueta">Fecha : </div>
			            <div class="campo">  <wce:TextBoxExt CssClass="fecha" ID="txtFechaOrigen" runat="server"  Type="Date" Required="false"></wce:TextBoxExt>  </div>
                    </div> <br />
                     <div class="filaCampo">
			            <div class="etiqueta">Hora : </div>
			            <div class="campo">  <wce:TextBoxExt  ID="txtHora" runat="server" CssClass="time" Text ="08:30 PM"  Required="false"></wce:TextBoxExt>     </div>
		             </div><br />
                    <div class="filaCampo">
			            <div class="etiqueta">Nro Servicio : </div>
			            <div class="campo"> <wce:TextBoxExt  ID="txtNroServicioOrigen" runat="server" ></wce:TextBoxExt></div>
		           </div><br />
                    <div class="filaCampo">
			            <div class="etiqueta">Codigo Reserva: </div>
			            <div class="campo"> <wce:TextBoxExt  ID="txtCodigoOrigen" runat="server" Required = "true" ></wce:TextBoxExt></div>
		           </div><br />
                   <div class="filaCampo">
			          <div class="etiqueta">Observaciones : </div>
			         <div class="campo"> <wce:TextBoxExt  ID="txtObservacionOrigen" runat="server" Width="90%" TextMode="MultiLine" ></wce:TextBoxExt></div>
		           </div><br /><br />
                </div>
                 <h3>Destino </h3>  
                 <div>
                    <div class="filaCampo">
			          <div class="etiqueta">Ciudad : </div>
			           <div class="campo">  <wce:DropDownListExt ID="cboCiudadDestino" runat="server" >   </wce:DropDownListExt> </div>
                    </div><br />
                    <div class="filaCampo">
			            <div class="etiqueta">Fecha : </div>
			            <div class="campo">  <wce:TextBoxExt CssClass="fecha" ID="txtFechaDestino" runat="server"  Type="Date" Required="false"></wce:TextBoxExt>  </div>
                    </div> <br />
                     <div class="filaCampo">
			            <div class="etiqueta">Hora : </div>
			            <div class="campo">  <wce:TextBoxExt  ID="txtHoraDestino"  CssClass="time" runat="server"  Text ="08:30 PM"  Required="false"></wce:TextBoxExt>     </div>
                        </div><br />
		            <div class="filaCampo">
			          <div class="etiqueta">Observaciones : </div>
			         <div class="campo"> <wce:TextBoxExt  ID="txtObservacionesDestino" runat="server" Width="90%" TextMode="MultiLine" ></wce:TextBoxExt></div>
		           </div><br /><br />
                 </div>
                 </div>
               <br>
               <br />
                <wce:ButtonExt ID="btn_AgregarTramo" runat="server" Text="Guardar"  OnClick = "btn_AgregarTramo_Click"
              OnClientClick="return validarDialog('dialog-tramo') "/>                   
              
                             
              <wce:ButtonExt ID="btn_Cerrar_dialog_tramo" runat="server" Text="Cerrar" 
                   OnClientClick="$('#dialog-tramo').dialog('close'); return false;"  />
                
                   </ContentTemplate>
            </asp:UpdatePanel>
    </div>

<script type="text/javascript">
    //activa la validacion en el onblur de los campos
    validarFormBlurActivo();

//    $('#<%=txtNumeroRendicion.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");
//    $('#<%=txtNumero.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");
//    $('#<%=txtDNI.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");
//    $('#<%=txtApyNombre.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");
//    $('#<%=txtCuit.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");
//    $('#<%=txtFechaNac.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");
//    $('#<%=cboEntidad.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");
//    $('#<%=cboArea.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");

</script>


</asp:Content>
